<template>
	<div class="manage_page fillcontain">
        <el-container>

            <el-header :height="0">
                <!--<div class="header clearfix">-->
                    <!--<div class="box_header" style="float: right;margin-right: 10px;color:#fff;height: 80px;line-height: 80px">-->
                        <!--<span class="goback_w" v-on:click="goback_b('/')">-->
					        <!--返回首页-->
				        <!--</span>-->
                        <!--<span>林浩,&nbsp;&nbsp; 你好</span>-->
                        <!--<img src="../assets/img/user3.png" alt="" style="display: inline;width:40px;vertical-align: middle;border-radius: 50%;">-->

                    <!--</div>-->

                    <!--<p style="font-size: 30px;height: 80px;line-height: 80px;float: left;margin-left: 20px;">-->
                        <!--白云区政务大数据平台-->
                    <!--</p>-->
                <!--</div>-->
            </el-header>
            <el-row style="height: 80%;">
            <el-col :span="3"  style="min-height:100%; background-color: #324057;" :style="{ height:height +'px' }">
                <el-menu :default-active="defaultActive" style="min-height: 100%;" theme="dark" default-active="2" >
                    <!--<el-menu-item index="manage"><i class="el-icon-menu" > </i>首页</el-menu-item>-->
                    <!--<el-submenu index="1" v-show="detail_show">-->
                        <!--<template slot="title">企业档案</template>-->
                        <!--<el-menu-item index="userList" >用户列表</el-menu-item>-->
                        <!--<el-menu-item index="shopList" >商家列表</el-menu-item>-->
                        <!--<el-menu-item index="foodList" >食品列表</el-menu-item>-->
                        <!--<el-menu-item index="orderList" >订单列表</el-menu-item>-->
                        <!--<el-menu-item index="adminList" >管理员列表</el-menu-item>-->
                    <!--</el-submenu>-->
                    <el-menu-item index="2" v-show="!detail_show">
                        <!--<i class="el-icon-setting"></i>-->
                        <span slot="title" v-on:click="goh('http://114.115.172.224:8090/smartbi/vision/openresource.jsp?resid=I4028844c3e107844013e3486e74810f6&__ts=1373618051093&user=admin&password=manager&showPath=false&showPath=false')">GDP完成情况分析</span>
                    </el-menu-item>
                    <el-menu-item index="3" v-show="!detail_show">
                        <!--<i class="el-icon-setting"></i>-->
                        <span slot="title" v-on:click="goh('http://114.115.172.224:8090/smartbi/vision/openresource.jsp?resid=I4028844c3e107844013e346b5dca0f12&__ts=1373618051093&user=admin&password=manager&showPath=false&showPath=false')">经济形势总体分析</span>
                    </el-menu-item>
                </el-menu>
            </el-col>
            <el-col :span="21" style="height: 100%;overflow: scroll;" :style="{ height:height +'px' }">
                <iframe class="iframes" :src="iframe_n" frameborder="0" name="main"></iframe>
            </el-col>
            </el-row>
        </el-container>
  	</div>
</template>

<script>
    export default {
        data() {
            return {
                detail_show:false,
                height:"",
                iframe_n:"http://114.115.172.224:8090/smartbi/vision/openresource.jsp?resid=I4028844c3e107844013e3486e74810f6&__ts=1373618051093&user=admin&password=manager&showPath=false&showPath=false"
            }
        },
        methods:{
            goback_b:function (index) {
                this.$router.push(index);
            },
            goh:function (name) {
                this.iframe_n = name;
                // $('.iframes').attr('src', name);
            }
        },
		computed: {
			defaultActive: function(){
				return this.$route.path.replace('/', '');
			}

		},
        created:function () {
            let height = document.body.clientHeight;
            this.height = height;
//            this.$route.push("/yiqi");
        }
    }
</script>

<style lang="less" scoped>
	@import '../style/mixin';
    .iframes{width: 100%;height:100%;}
    .el-header{
        padding: 0;
    }
	.manage_page{

	}
    .header{
        width: 100%;
        background-color: #0099ff;
        height: 80px;
        line-height: 80px;
        color: #ffffff;
    }
    .goback_w{
        cursor: pointer;
        margin-right: 20px;
    }
</style>
